<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				padding: 0;
				margin: 0;
			}

			.part-one {
				display: flex;
				justify-content: space-between;
				padding: 30px 50px 10px 50px;
				font-size: 18px;
				cursor: pointer;
			}

			.part-one span {
				margin: 20px;
			}

			.part-one span:hover {
				color: blue;
			}
			.part-three span:hover {
				color: blue;
			}
			.part-one-second button {
				background-color: #1E90FF;
				width: 70px;
				height: 36px;
				border: 1px solid #1E90FF;
				border-radius: 10%;
				color: white;
				font-size: 20px;
				cursor: pointer;
			}

			.part-two {
				text-align: center;
				margin: auto;
				width: 100%;
				position: absolute;
			}

			.part-two img {
				width: 400x;
				height: 220px;
			}

			.input-contenter {
				width: 915px;
				height: 45px;
				margin: auto;

			}

			.part-two input {
				width: 820px;
				height: 45px;
				font-size: 20px;


			}

			.part-two button {
				width: 90px;
				height: 51px;
				float: right;
				font-size: 17px;
				font-weight: bold;
				cursor: pointer;
				color: white;
				background-color: #1E90FF;
				border: 2px solid #1E90FF;
				border-top-right-radius: 10%;
				border-bottom-right-radius: 10%;
			}
			.rang{
				width: 650px;
				height: 300px;
				margin: auto;
			}
			.part-three{
				margin-top:750px ;
				display: flex;
				justify-content: space-between;
				padding: 30px 50px 10px 50px;
				cursor: pointer;
			}
			.part-three span {
				margin: 20px;
			}
			.num{
				width: 20px;
				height: 20px;
				text-align: center;
				vertical-align: middle;
				border: #1E90FF solid 1px;
				border-radius: 50%;
				
			}
		</style>
	</head>
	<body>
		<!-- 第一部分 -->
		<div class="part-one">
			<div class="part-one-frist">
				<span>新闻</span>
				<span>hao123</span>
				<span>地图</span>
				<span>视频</span>
				<span>贴吧</span>
				<span>学术</span>
				<span>更多</span>
			</div>
			<div class="part-one-second">
				<span style="color: red;">高考加油</span>
				<span>设置</span>
				<span><button type="button">登录</button></span>
			</div>
		</div>
		<!-- 第二部分 -->
		<div class="part-two">
			<div>
				<img src="images/logo.png" />
			</div>
			<div class="input-contenter">
				<input placeholder="请输入内容" />
				<button type="button">百度一下</button>
			</div>
			<div class="rang">
				<div style="width: 100%; height: 100%;">
					
					<table style="width: 700px; text-align: left;">
						 <caption style="text-align: left; margin-bottom: 10px;">百度热搜</caption><br>
						<tr>
							<td class="num">1</td>
							<td>蒙古国牧场实拍捐赠给中国的羊</td>
							<td class="num">2</td>
							<td>重庆大叔坐家门口沙发上看海</td>
						</tr>
						<tr>
							<td class="num">2</td>
							<td>父亲抱摔幼童致死 母亲在旁拍摄</td>
							<td class="num">5</td>
							<td>重庆大叔坐家门口沙发上看海</td>
						</tr>
						<tr>
							<td class="num">3</td>
							<td>分配工作23年未等到通知女子发声</td>
							<td class="num">6</td>
							<td>王思聪投资游戏陪练平台被指涉黄</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<!-- 第三部分 -->
		<div style="color:#BEBEBE; font-size: 14px;" class="part-three">
			<div>
				<span>设为首页</span>
				<span>关于百度</span>
				<span>About Baidu</span>
				<span>百度营销</span>
				<span>使用百度前必读</span>
				<span>意见反馈</span>
				<span>帮助中心</span>
			</div>
			<div >
				<span>©2020 Baidu </span>
				<span>(京)-经营性-2017-0020</span>
				<span>京公网安备11000002000001号</span>
				<span>京ICP证030173号</span>
			</div>
		</div>
	</body>
</html>
